草庐IT

ionic 模态窗口

全部标签

javascript - 在 promise 中打开窗口

我们正在使用promise库Q,但遇到以下问题。window.open()isblockedbybrowserwheniscalledfrompromise我们尝试在promise机制启动之前打开窗口,这是有效的,但问题是当打开新选项卡(并获得焦点)时,所有浏览器资源都引用新选项卡,逻辑是仍然在第一个选项卡中完成,这会导致性能不佳。还有其他方法可以在promise完成时使用事件处理此事件,然后捕获此事件并打开新窗口。更新“所有浏览器资源都指向新标签页”是什么意思我们发现了有趣的行为:)当用户单击按钮时,我们正在运行应用程序,在这种情况下,我们打开新选项卡并将焦点更改为新选项卡,我们正在

javascript - 在用户离开页面之前显示模态表单

我使用window.onbeforeunload在用户试图离开网站时显示自定义消息。例子:window.onbeforeunload=function(){if(some_condition){return"Areyousureyouwanttonavigateawayfromthispage?\nAllunsavedchangeswillbelost.";}};+--------------------------------------------------------+|Areyousureyouwanttonavigateawayfromthispage?||Allunsav

javascript - ionic /Angular 传单指令 - 放大/缩小按钮不起作用

传单map上的默认放大/缩小按钮有一些问题。当我直接加载页面时一切正常,但是当我将一个状态更改为声明传单指令是按钮的状态时,它就不起作用了。举个例子http://codepen.io/anon/pen/JkyEg?editors=101代码:HTMLLeafletexample{{location.name}}LocationsJSangular.module('app',['ionic','leaflet-directive']).config(function($stateProvider,$urlRouterProvider){$stateProvider.state('loca

javascript - CodeMirror - 是否可以滚动到一行使其位于窗口中间?

我在CodeMirror中突出显示HTML代码行,我想添加一个anchor,将CodeMirror编辑器滚动到给定行。我可以通过setCursor滚动到X行方法。但我希望在CodeMirror窗口中间有X行。我可以这样做吗?我研究了API和演示,但没有成功。谢谢! 最佳答案 这个应该可以工作:vareditor=CodeMirror.fromTextArea(...);functionjumpToLine(i){vart=editor.charCoords({line:i,ch:0},"local").top;varmiddleHe

javascript - 弹出窗口在 ajax 成功处理程序中被阻止

我正在尝试打开一个弹出窗口,以允许用户通过Twitter进行身份验证,而无需离开他们正在查看的页面。我在网络上看到过这种技术,尤其是Disqus评论应用程序。但是,我只能得到两个结果,要么是“弹出窗口被阻止”消息,要么什么都没有发生。我已经尝试使用概述的方法here和here.我该如何解决这个问题?我的代码目前看起来像:varwindowSizeArray=["width=200,height=200","width=300,height=400,scrollbars=yes"];varurl=$('.twitter_popup').attr("href");varwindowName

javascript - Twitter Bootstrap Modal - 灰色背景但没有窗口

我在使用TwitterBootstrap和模态的非JS示例时遇到了一些奇怪的问题,发生的情况是模态背景出现(灰色)但窗口没有出现。我发现如果我从模态窗口div中删除“隐藏”类,它将加载但不正确。fiddle在这里:http://jsfiddle.net/2VbUG/1/TitleSign!×SignThisPetition!Fieldsforthesignatureshere,takesomefromthefacebookAPICloseSignNow!代码来自Bootstraps网站上的本教程http://getbootstrap.com/2.3.2/javascript.html#

javascript - Bootstrap 多模态模态背景问题

这个问题在这里已经有了答案:Bootstrap:OpenAnotherModalinModal(24个答案)关闭1年前。我有一个页面,其中一个Bootstrap模态打开另一个模态。问题是,对于每个打开的模态,它都会添加到HTML代码。第一个很好,但因为它是opacity:.5;然后它使页面在每个打开的模式上变暗。有没有办法检查modal-backdrop是否存在?已经存在,在那种情况下不能打开另一个?我用任一个打开我的模式Modal或使用jQuery:$('#modal_01').modal('show');非常感谢对此问题的任何帮助!为方便起见,这里有一个fiddle:https:/

javascript - 如何使用推文按钮弹出新窗口

我的页面上有许多自定义推文按钮,我是使用循环中执行的这行PHP动态生成的:echo"T";这工作得很好,但是,它在同一个选项卡中执行,并使我离开调用它的页面。我想在新窗口中打开共享对话框,但我的Javascript背景仅限于表单验证和一些JqueryAjax调用,所以我不知道该怎么做。如何在新窗口中弹出对话框? 最佳答案 这对我来说很好T将onclick添加为onclick="javascript:window.open(this.href,'','menubar=no,toolbar=no,resizable=yes,scroll

javascript - 在 chrome 下弹出一个窗口

我有一个按钮需要打开一个新窗口作为弹出窗口(在父页面下)。在IE/Firefox中,它工作正常,但在chrome中,弹出窗口出现在父窗口上方(顶部)。请提出修复建议。用例/例如:好吧,例如,如果您看到kayak.com或任何旅游网站,您也可以在其他网站上搜索。我想做类似的事情,所以需要下面的弹出框...代码:我正在使用window.open(.......).blur(),但由于某些原因它无法在chrome中运行。 最佳答案 我收回我的评论,是可能的。以下对我有用。(测试最新生产的Chrome)varurl="yourURL.htm

javascript - JS 或 jQuery 或窗口调整大小或窗口宽度小于 npx 时

我如何检测用户何时调整浏览器窗口的大小?我正在寻找一个脚本,当用户调整窗口大小时或窗口宽度小于900像素时执行某些操作。 最佳答案 嗯,你可以使用jQuery,但是......您可以像这样订阅窗口调整大小事件:$(window).on("resize",function(event){console.log($(this).width());});请注意这一点,因为当宽度小于n时执行代码的if语句会在您调整满足这些条件的窗口大小时执行该代码的次数荒谬。最好设置一些标志或向文档添加类,并将这些也作为您的条件的一部分。CSS媒体查询就在